<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html,body {
            height: 100%;
        }
    </style>
</head>
<body>
    <div>
        <button onClick="insertFn()">插入内容-插件形式</button>
    </div>
    <div id="placeholder"></div>
    <script type="text/javascript" src="http://localhost/web-apps/apps/api/documents/api.js"></script>
    <script>
        // let docConfig = {
        //     src: 'http://localhost/web-apps/apps/api/documents/api.js',
        //     "document": {
        //         "fileType": "docx",
        //         // "key": "1zN5mxp4snVgxlyFPqi68UCGojeiBZ",//文件key，确保唯一就行,这里的key跟多人协同编辑有关
        //         key: '',
        //         "title": "new.docx",
        //         "url": "http://localhost/new.docx"
        //     },
        //     "documentType": "word",
        //     token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6InVpZC0xIiwiaWF0IjoxNzM4OTk1NDc1LCJleHAiOjE3MzkwODE4NzV9.BwIDc7UuCx_62u56YluAEYRlhF7uJFQjJ0SiJekQi6M',
        //     // "token":"如果你开启了jwt验证，则这里必须填写jwttoken,jwttoken最好由后台提供，后台具体怎么生成jwttoken，百度一下"
        // //   ...config,
        //   editorConfig: {
        //     // ...config.editorConfig,
        //     lang: 'zh', //  语言设置为中文
        //     customization: {
        //     //   ...config.editorConfig.customization,
        //       about: false, // 关于
        //       comments: false, // 评论

        //       help: false, // 帮助

        //       // macros: false,
        //       // macrosMode: 'warn',
        //       // mentionShare: false,
        //       // mobileForceView: false,
        //       plugins: false, // 插件

        //       zoom: 100, //  缩放比例为 100
        //     },
        //     // plugins: {
        //     //   autostart: [],
        //     //   pluginsData: [
        //     //     'http://IP/static/plugins/plugin-hello/config.json',
        //     //   ],
        //     // },
        //   },
        //   // events: {
        //   //   onDocumentReady: () => {
        //   //     console.log('sssssssssssssssssssssssss');
        //   //     this.docEditor = new DocsAPI.DocEditor('placeholder', docEditor);
        //   //   },
        //   //   onCommand: function (eventData) {
        //   //     console.log('Received command:', eventData);
        //   //     console.log(this.docEditor);
        //   //     if (eventData.command === 'pasteText') {
        //   //       // 获取粘贴的 HTML 内容
        //   //       // const htmlContent = '<p>This is a sample HTML content.</p>';

        //   //       // 获取编辑器实例并粘贴 HTML 内容
        //   //       console.log('dddd');
        //   //       this.docEditor.insertText(eventData.data);
        //   //     }
        //   //   },
        //   // },
        // };
        // let docEditor = new DocsAPI.DocEditor('placeholder', docConfig);
        // http://localhost/web-apps/apps/api/documents/api.js

        // fetch('http://localhost:3001/get-document')
        //     .then(response => response.json())
        //     .then(data => {
        //         const docConfig = {
        //             document: {
        //                 fileType: 'docx',
        //                 key: data.document.key,
        //                 title: 'Example Document',
        //                 url: data.document.url,
        //             },
        //             documentType: 'text',
        //             editorConfig: {
        //                 callbackUrl: data.document.callbackUrl,
        //                 user: {
        //                     id: '1',
        //                     name: 'John Doe',
        //                 },
        //             },
        //         };
        //         console.log('docConfig', docConfig)

        //         new DocsAPI.DocEditor('placeholder', docConfig);
        //     })
        //     .catch(error => console.error('Error:', error));


        // const docConfig = {
        //             document: {
        //                 fileType: 'docx',
        //                 key: data.document.key,
        //                 title: 'Example Document',
        //                 url: data.document.url,
        //             },
        //             documentType: 'text',
        //             editorConfig: {
        //                 callbackUrl: data.document.callbackUrl,
        //                 user: {
        //                     id: '1',
        //                     name: 'John Doe',
        //                 },
        //             },
        //         };

                const docConfig = {
                    "document": {
                        "key": "4d2b0926-716e-49e2-ba3e-12238afedaf6",
                        // "url": "http://172.30.23.105:8080/documents/4d2b0926-716e-49e2-ba3e-12238afedaf6.docx",
                        "url": "http://172.21.129.73:3001/docs/sample.docx",
                        "fileType": "docx",
                        "permissions": {
                            "comment": true,
                            "commentGroups": {
                                "edit": [],
                                "remove": [],
                                "view": ""
                            },
                            "copy": true,
                            "deleteCommentAuthorOnly": false,
                            "download": true,
                            "edit": true,
                            "editCommentAuthorOnly": false,
                            "fillForms": true,
                            "modifyContentControl": true,
                            "modifyFilter": true,
                            "print": true,
                            "review": true,
                            "reviewGroups": [
                                "方案解决部"
                            ]
                        }
                    },
                    "editorConfig": {
                        "callbackUrl": "http://172.21.129.73:3001/callback",
                        "user": {
                            "group": "方案解决部",
                            "id": "1",
                            "name": "董亮之"
                        },
                        "mode": "edit",
                        plugins: {
                          autostart: [],
                          pluginsData: [
                            'http://172.21.129.73:3001/onlyoffice-plugin/config.json',
                            // 'http://IP/static/plugins/plugin-hello/config.json',
                          ],
                        },
                    },
                }
                console.log('docConfig', docConfig)
                let docEditor = null
                docEditor = new DocsAPI.DocEditor('placeholder', docConfig);
    </script>
    <script>
        function insertFn() {
            var htmlContent = '<p>		标题</p><p>这是内容111</p><table><tr><td><p>表格1</p></td><td><p>表格2</p></td></tr><tr><td><p>1111</p></td><td><p>2222</p></td></tr></table>'

            docEditor.serviceCommand('PasteHtml', htmlContent);
        }
    </script>
</body>
</html>